import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../pages/Home'
import About from '../pages/About'
import News from '../pages/News'
import Message from '../pages/Message'
import Detail from '../pages/Detail'


Vue.use(VueRouter)

//创建一个路由器，管理着整个应用中的所有路由
const router = new VueRouter({
	mode:'history',//配置路由的工作模式，默认是hash模式
	routes:[
		{
			path:'/home',
			component:Home,
			children:[
				{
					path:'news', //二级路由的配置中，路径一定不要加/
					component:News
				},
				{
					path:'message',
					component:Message,
					children:[
						{
							name:'xiangqing',
							path:'detail',
							component:Detail,

							//通过props配置，给路由组件传递静态数据（几乎不用）
							// props:{carName:'阿特兹',price:'40万'}

							//props设置为布尔值true，会：映射params参数为props传给路由组件
							// props:true

							//props设置为函数,能帮我们处理query参数
							props($route){
								return {
									id:$route.query.id,
									title:$route.query.title,
									content:$route.query.content,
								}
							}
						}
					]
				}
			]
		},
		{
			path:'/about',
			component:About,
		}
	]
})

//暴露路由器
export default router